<template>
  <div>
    <div data-v-28da09f5 class="van-cell-group van-hairline--top-bottom">
      <div data-v-ed014dc6 class="van-cell van-cell--clickable" @click="problem">
        <img src="../assets/img/bangzhu.png" alt />
        <div data-v-ed014dc6 class="van-cell__title">
          <span data-v-ed014dc6>常见问题</span>
        </div>
        <i data-v-ed014dc6 class="van-icon van-icon-arrow van-cell__right-icon"></i>
      </div>
      <div data-v-ed014dc6 class="van-cell van-cell--clickable" @click="showPop">
        <img src="../assets/img/yijian.png" alt />
        <div data-v-ed014dc6 class="van-cell__title">
          <span data-v-ed014dc6>意见反馈</span>
        </div>
        <i data-v-ed014dc6 class="van-icon van-icon-arrow van-cell__right-icon"></i>
      </div>
    </div>
  </div>
</template>
<script>
import problem from "@/views/problem.vue";
import { wxShare } from "@/mixin/share";
export default {
  name: "userbang",
  data() {
    return {
      show: false,
      suggest: ""
    };
  },
  mixins: [wxShare],
  methods: {
    showPop() {
      this.$router.push({ path: "/fankui" });
    },
    problem() {
      this.$router.push({
        path: "problem"
      });
    }
  }
};
</script>
<style scoped>
.van-cell img {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 10px;
}
.van-nav-bar {
  text-align: left;
  background: rgba(242, 242, 242, 1);
}
.van-nav-bar__left .van-nav-bar__text {
  color: black;
  font-size: 3rem;
}
.van-nav-bar__title {
  max-width: 70%;
}
.van-icon,
.van-icon::before {
  font-size: 20px;
  color: black;
}
.van-icon-arrow:before {
  font-size: 1.5rem;
  color: rgba(210, 210, 210, 1);
}
.van-cell {
  padding: 20px 16px;
}
.van-cell__left-icon {
  font-size: 0.5rem;
}
.van-cell__title {
  font-family: PingFang SC;
  font-size: 1rem;
}
.first .van-cell__left-icon {
  background: red;
}
</style>
